<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Input 标签示例</title>
</head>
<body>
<form action="/submit-form" method="post">
    <label for="username">用户名:</label>
    <input type="text" id="username" name="username" placeholder="请输入用户名" required>
    <br><br>

    <label for="password">密码:</label>
    <input type="password" id="password" name="password" placeholder="请输入密码" required>
    <br><br>

    <label for="email">邮箱:</label>
    <input type="email" id="email" name="email" placeholder="请输入邮箱" required>
    <br><br>

    <label for="age">年龄:</label>
    <input type="number" id="age" name="age" min="1" max="100">
    <br><br>

    <p>性别:</p>
    <input type="radio" id="male" name="gender" value="male">
    <label for="male">男</label>
    <input type="radio" id="female" name="gender" value="female">
    <label for="female">女</label>
    <br><br>

    <p>兴趣爱好:</p>
    <input type="checkbox" id="music" name="hobby" value="music">
    <label for="music">音乐</label>
    <input type="checkbox" id="sports" name="hobby" value="sports">
    <label for="sports">运动</label>
    <input type="checkbox" id="reading" name="hobby" value="reading">
    <label for="reading">阅读</label>
    <br><br>

    <label for="birthday">生日:</label>
    <input type="date" id="birthday" name="birthday">
    <br><br>

    <input type="submit" value="提交">
    <input type="reset" value="重置">
</form>
</body>
</html>